$(function() {
	var obj = $.ajax({
		type: "get",
		url: "json/shop-details.json",
		async: false,
		success: function(response, status, xhr) {
			var details = response.details
			// console.log(details)

			function detail(cate) {
				$.each(cate, function(i, e) {
					$("<div class='buy-list'></div>").html(`
							<div class="list-img">
								<img src="` + e.src + `" alt="">
							</div>
							<div class="buy-title">
								<span class="name" style="color: #555555;">` + e.name + `</span>
								<span class="good-text">` + e.materials + `</span>
								<span class="good-text fh">` + e.money + `</span>
							</div>
							<div class="buy-num">
								<div class="del">-</div>
								<div class="nums">0</div>
								<div class="add">+</div>
							</div>
						`).appendTo($(".buy-box"))

				})
			}
			detail(details)
		}
	})

	var n = 0
	var money = 0
	var index = 0
	var l = null
	var name = null
	var materials = null
	var price = null
	var num = null

	var shoplis = []
	var lis = {}

	// 当购买数量为0时,隐藏数量和减件按钮
	$(".del").css("display", "none")
	$(".nums").css("display", "none")

	// 减件按钮
	$(".del").click(function() {
		// 定义一个变量存数量的值
		var i = parseInt($(this).next().css("display", "block").html())
		// console.log(i)
		// 当点击一次的时候,数量减一
		$(this).next().css("display", "block").html(--i)
		// 定义一个变量用来存单价
		var x = parseInt($(this).parent().prev().children(".good-text").eq(1).html())
		// 每点击一次总价减去单价
		n = n - x
		// 在总价显示
		$(".money").html(n)
		if (i < 1) {
			// 当购买数量为0时,隐藏数量和减件按钮
			$(this).css("display", "none")
			$(this).next().css("display", "none")
		}
		num = parseInt($(this).next().html())
		console.log(num)

	})
	// 加件按钮
	$(".add").click(function() {
		// 当点击时数量肯定大于0,此时减件按钮和数量显示
		$(this).prev().prev().css("display", "block")
		var i = parseInt($(this).prev().css("display", "block").html())
		// 每点击一次,数量加一
		$(this).prev().css("display", "block").html(++i)
		// console.log(i)
		// 定义一个变量来存单价
		var x = parseInt($(this).parent().prev().children(".good-text").eq(1).html())
		// 每点击一次总价加上单价
		n = n + x
		// 在总价显示
		$(".money").html(n)
		// 存当前点击的加件按钮坐在的父级的父级下标
		index = $(this).parent().parent().index()
		// console.log(index)
	})
	// 定义变量用来存json文件
	var sp = obj.responseJSON.details
	// 定义变量获取商家名称
	var sn = $(".name").html()
	// 去结算按钮
	$(".go-pay").click(function() {
		// 遍历json文件
		$.each(sp, function(i, e) {
			// 判断数量是否等于0,不等于零将其加到数组当中
			if ($(".add").prev().eq(i).html() != 0) {
				// 将对象存入lis中
				lis = obj.responseJSON.details[i]
				// 创一个num对象装对应商品的数量
				lis.num = $(".add").prev().eq(i).html()
				// 将对象加到数组当中
				shoplis[i] = lis
			}
		})
		var storage = "";
		var shops = []
		var shop = {}
		shop.shopname = sn
		shop.shoplis = shoplis
		shop.money = n
		shops.push(shop)
		if (window.localStorage) { //判断浏览器是否支持localStorage
			storage = window.localStorage;
			storage.setItem("shops", JSON.stringify(shops));
			// storage.setItem("shopname", sn);
			// storage.setItem("money", n);
			// storage.setItem("shoplis", JSON.stringify(shoplis));
		}
		// console.log(num)
		if(n!=0){
			window.location.href = "confirm.html"
		} 
		// else {
		// 	alert("123")
		// }
		

	})

})
